*{
    padding: 0;
    margin: 0 ;
}
body{
    background: #fff;
    overflow-y: scroll;
                     /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
    cursor: pointer;
}
input{
    text-indent: 2px;
    // text-align: center;
    border: 1px solid rgba(51,62,76,.1);
    border-radius: 4px 0 0 4px;
    outline: none;
}
/*顶部*/
#Top{
    width: 100%;
    height: 64px;
    background-color: black;
    // opacity: 0.46;
    div{
        float: left;
    }
    #topLeft div{
        float: left;
        width: 50%;
        height: 100%;
        // margin-left: 20%;
        //   overflow: hidden;
        ul{
            width: 100%;
            height: 100%;
          

        }
        ul li{
            width: 20%;
            height: 100%;
            list-style: none;
            float: left;
            // margin: 0px 5px;
            text-align: center;
        }
        li:hover{
            opacity: 0.8;
        }
    }
    #topRight{
        width: 60%;
        height: 50px;
        div{
            float: left;
            height: 100%;
        }

        #search #searchinput{
            text-indent: 20px;
            caret-color: gainsboro;
            color: white;
            width: 60%;
            height: 30px;
            text-indent: 10px;
            outline: none;
            float: left;
            text-align: left;
        }
        #search #gosearch{
            // width: 70px;
            // height: 30px;
            float: right;
            // position: absolute;
            font-size: 1em;
        }
        #allgoods ul{
            width: 100%;
            height: 100%;
        }
        #allgoods ul li{
            float: left;
            width: 20%;
            margin: 0px 5%;
            height: 65%;
        }
    }
}
#contain{
    border-radius: 4px;
    margin-top: 3%;
    width: 100%;
    height: 800px;
    #containLeft{
        margin-left: 8%;
        width: 13%;
        height: 100%;
        float: left;
        #containLeftTop{
            width: 100%;
            height: 36%;
            background-color: #fbf2ef;
            #jf{
             position: absolute;
                left: 60%;
                top: -50%;
                width: 40px;
                height: 25px;
                background-color: #ff8e34;
                font-size: 0.6em;
                color: white;
                border-radius: 15px;
            }
            ul{
                padding-left:25% ;
                width: 70%;
                height: 100%;
                li{
                    line-height: 30px;
                    button:hover{
                        color: #666 !important;
                    }
                }
            }
        }
        #containLeftBottom{
            // cursor: pointer;
            width: 100%;
            height: 60%;
            background-color: #f8f8f8;;
            ul{
                width: 100%;
                // width: 70%;
                // margin-left: 25%;
                list-style: none;
                li{
                    font-size: 1em;
                    // color:#00cc36;
                    // background-image: linear-gradient(90deg,#fafffc 1%,#ebfdef);
                    // margin: 4% auto;
                    line-height: 50px;
                    height: 25%;
                    width: 100%;
                    text-align: left;
                    span{
                        position: relative;
                        left: 10px;
                    }
                    img{
                        position: relative;
                        top: 4px;
                    }
                }
                li:hover{
                    background-color: #e2b977 !important;
                    color: #666;
                }
            }
        }
    }
    #containRightlocal{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
    }
    #containRightsc{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
        div{
            margin-top: 2%;
            margin-left: -10%;
            width: 20%;
            height: 70%;
            background-color: #f8f8f8;
            float: left;
            color: black;
            span{
                position: relative;
                top: 14px;
                font-size: 0.8em;
            }
            ul{
                width: 100%;
                height: 100%;
                padding: 0;
                margin: auto;
                border-radius: 10px;
                overflow-y: scroll;
                overflow-x: hidden;
                 /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
                li{
                    width: 100%;
                    height: 10%;
                    // border-radius: 2px;
                }
                li:hover{
                     background-color: #00a1d6;
                    color: white;
                }
            }
        }
        ul{
            width: 100%;
            height: 40px;
            li{
                text-align: center;
                height: 100%;
                margin:    0px  1.2%;
                list-style: none;
                float: left;
            }

        }
    }
    #containRightxz{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
        ul{
            width: 100%;
            height: 40px;
            li{
                text-align: center;
                height: 100%;
                margin:    0px  1.2%;
                list-style: none;
                float: left;
            }

        }
    }

    #nologincontain{
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        z-index: 444444444444444444444444444444444444;
        ul{
            padding: 0;
            margin: auto;
            width: 50%;
            height: 140px;
            margin-top: 20%;
            li{
                color: #666;
                text-align: center;
                list-style: none;
                margin: 10px auto;
                button{
                    width: 100px;
                    height: 30px;
                    border: none;
                    outline: none;
                }
            }

        }
    }


    #containRightmessage{
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
        div{
            margin-top: 30px;
            width: 100%;
            height: 90%;
            div{
                border: 1px solid #e6e6e6;
                height:20% ;
                width: 100%;
                ul{
                    width: 100%;
                    height: 100%;
                    list-style: none;
                    padding: 0;
                    margin: auto;
                    // border: 1px solid  #00cc36;
                    li{
                        height: 90%;
                        line-height: 30px;
                        margin: 10px auto;
                        img{
                            height: 80px;
                            width: 80px;
                        }
                    
                    }
                }
            }
        }
        ul li{
            font-size: 1.1em;
            margin: 0px 2%;
            height: 100%;
            float: left;
        }
    }
    #containRightjfdh{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        #jfdhTop{
            span{
                float: left;
                position: relative;
                top: 40%;
                margin: 0px 0.5%;
            }
            button{
                width: 120px;
                margin-top: 1.4%;
                margin-left: 3%;
                padding: 8px;
                color: #ff5f00;
                background-color: #fff;
                border-radius: 15px;
                border: none;
                outline: none;
            }
        }
        #jfdhContain{
            div{
                width: 100%;
                height: 20%;
                // background-color: #ff5f00;
                margin: 20px auto;
                 ul{
                    padding: 0;
                    margin: auto;
                    width: 100%;
                    height: 100%;
                    li{
                        float: left;
                        width: 20%;
                        height: 100%;
                        margin: 0px 2%;
                        // background-color: aquamarine;
                        list-style: none;
                        .jpname{
                            font-size: 0.8em;
                            color: #666;
                        }
                        .jplast{
                            width: 80px;
                            border-radius: 20px;
                            color: white;
                            background-color: #ff5f00;
                            font-size: 0.8em;
                        }
                      p{
                          color: #666;
                          line-height: 20px;
                          margin: 3px auto;
                          text-align:center ;
                          img{
                              width: 120px;
                              height: 70px;
                          }
                      }
                }
            }
        }

    }
    }
        #auditcontain{
                width: 100%;
                height: 100%;
                ul{
                    position: relative;
                    top: 10px;
                    margin-top: 20px;
                    width: 70%;
                    float: left;
                    height: 5%;
                    list-style: none;
                    padding: 0;
                    margin: auto;
                }
                form{
                        margin-left: 70%;
                        width: 30%;
                        height: 5%;
                        #searchaudit{
                            width: 75%;
                            border-radius: 4px 0 0 4px;
                            color: #333;
                            border: 1px solid #e6e6e9;
                            height: 80%;
                            position: relative;
                            top: 10%;
                            text-indent: 10px;
                            outline: none;
                        }
                }
            p{
                text-align: left;
                margin: 10px auto;
                button{
                    padding: 10px;
                    border: none;
                    outline: none;
                    background-color: #fff;
                }
            }
            div{
                width: 100%;
                height: 90%;
                border: 1px solid rgba(51,62,76,.1);
                margin: 20px auto;
                position: relative;
                div{
                    height: 15%;
                    border: 1px solid rgba(51,62,76,.1);
                    margin: 20px auto;
                    position: relative;
                    width: 100%;
                }
            }
            li{
                    margin: auto;
                    color: black;
                    text-align: center;
                    // background-color: #34BC6E;
                    border-radius: 4px;
                    padding: 0 18px;

                }
            }
    #containRightshangc{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
        #mymp4contain{
            width: 100%;
            height: 80%;
            margin-top: 4%;
            input{
                padding: 5px;
            }
            p{
                text-align: left;
                margin: 10px auto;
                button{
                    padding: 10px;
                    border: none;
                    outline: none;
                    background-color: transparent;
                }
            }
            div{
                height: 100%;
                width: 100%;
                text-align: center;
                div{
                    border: 1px solid rgba(51,62,76,.1);
                    height: 24%;
                    width: 100%; 
                }
                .checkbox{
                    float: left;
                    margin-top: 5%;
                    margin-left: 2%;
                }

            }
        }
        #containRightshangccontain{
            width: 100%;
            height: 80%;
            margin-top: 4%;
            // background-color: pink;
            div{
                margin: 4%  auto;
                width: 100%;
                height: 80px;
                button{
                    outline: none;
                    background-color: transparent;
                    border: none;
                }
                #fb:hover{
                    // border: 1px solid gainsboro;
                    // background-color: #34bc6e;
                    // color: white;
                    opacity: 0.8;
                }
                #fq:hover{
                    border: 1px solid #34bc6e;
                    background-color: #fff;
                    color: #34bc6e;
                    opacity: 0.8; 
                }
                #cxsc:hover{
                    opacity: 0.8;
                }
                // background-color: gold;
                .left{
                    width: 10%;
                    span{
                        text-align:center;
                        position: relative;
                        top: 10%;
                    }
                }
                li{
                    float: left;
                    height: 100%;
                    margin:    0px  1.2%;
                    list-style: none;
                    // background-color: greenyellow;
                    p{
                        line-height: 40px;
                        margin: 20px auto;
                        width: 120%;
                    }
                }
            }
        }


        #containRightshangcdsjcontain{
            #containRightshangccontain
        }
        ul li{
            font-size: 1.1em;
            margin: 0px 2%;
            height: 100%;
            float: left;
        }
    }
    #containRightsz{
        // cursor: pointer;
        width: 65%;
        margin-right: 9%;
        height: 100%;
        float: right;
        display: none;
        #personmessageBottom{
            ul{
                padding: 0;
                margin: auto;
                width: 100%;
                height: 30%;
                line-height: 30px;
                margin: 20px auto;
                list-style: none;
                li{
                   float: left;
                   button{
                       float: left;
                       margin: 0px 20px;
                   }
                }
            }
        }
        #personmessageTop{
            width: 100%;
            height: 150px;
            margin-top: 50px;
            div{
                float: left;
                p{
                    line-height: 20px;
                    margin: 10px auto;
                }
            }
            button:hover{
                opacity: 0.8;
            }
            // div{
            //     background-color: greenyellow;
            //     width: 100%;
            //     height: 50px;
            // }
        }
        li{
            // width: 30%;
            font-size: 1.1em;
            margin: 0px 2%;
            height: 100%;
            float: left;
        }
    }



    

    #containRight{
        // cursor: pointer;
        width: 65%;
        margin-right: 10%;
        height: 100%;
        float: right;
        display: block;
        #hang{
            height: 2px;
            width: 100%;
            background-color: gainsboro;
        }
        #containRightTop{  
            width: 100%;
            height: 5%;
            #containRightTopul li:hover{
                    color: #00cc36 !important;
                }
            ul{
                float: left;
                width: 90%;
                height: 100%;
                list-style: none;
                padding: 0;
                margin: auto;
                li{
                    font-size: 0.9em;
                    padding: 0;
                    margin: auto;
                    text-align: center;
                    float: left;
                    width: 15%;
                    display: inline;
                    // background-color: pink;
                    height: 100%;

                    button{
                        border: 1px solid #e6e6e6;
                        border-radius: 3px;
                        color: #666;
                        width: 25%;
                        float: left;
                        margin: 0px  3%;
                        height: 90%;
                        border: none;
                        outline: none;
                    }
                    button:hover{
                        border: 1px solid #00cc36 !important;
                        color: #00cc36 !important;
                    }
                }
                 
            }
        }
        .containRightBottom{
            margin-top: 60px;
            width: 100%;
            height: 85%;
            div{
                border-radius: 3px;
                float: left;
                margin: 20px 2%;
            }
            
        }
    }
}

/*遮罩层*/
#wlcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#wl {
    position: absolute;
    top: 10%;
    left: 20%;
    // position: fixed;
    width: 650px;
    height: 80%;
    background-color: #fff;
    opacity: 1;
    // border-radius: 15px;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    button{
        outline: none;
        border: none;
        color: #582f1d;
        width: 25%;
        height: 40px;
        margin: 0px 40px;
    }
    button:hover{
        opacity: 0.8;
    }
}
/*登录的遮罩层**/
/*遮罩层*/
#logincover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-index: 4444444;
}
#loginmodal {
    position: absolute;
    top: 32%;
    left: 32%;
    width: 550px;
    height: 300px;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    display: none;
    // cursor: pointer;
    z-index:4444444444444444;
    #logintext{
        ul{
            padding: 0;
            margin: auto;
            list-style: none;
            font-size: 0.8em;
            li{
                width: 90%;
                line-height: 30px;
                margin: 10px auto;
                color: #666;
                // background-color: #00a1d6;
                text-align: center;
                border-radius: 4px;
                
            }
            li:hover{
                color: white;
                background-color: #00a1d6;
            }
        }
    }
    p{
        line-height: 40px;
        margin: 20px auto;
        input{
            margin-left: 10%;
            width: 80%;
            height: 40px;
            text-indent: 10px;
            outline: none;
            #getyzm:hover{
                border: 1px solid gainsboro;
            }
        }
        button{
            margin-left: 10%;
            width: 80%;
            height: 40px;
            outline: none;
        }
        button:hover{
            opacity: 0.8;
        }
    }
}
/*遮罩层*/
#cover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44444444444;
}
#morezhcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}

#ifbecomevideoaccountcover{
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#ifbecomevideoaccountmodal{
    position: absolute;
    top: 35%;
    left: 40%;
    width: 400px;
    height: 240px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:444444444444;
    button{
        width: 80px;
        height: 40px;
        padding: 10px;
        border-radius: 4px;
        border: none;
        outline: none;
        background-color: #fff;
        margin: 0px 20px;

    }
}

/*在遮罩层之上弹出的弹窗*/
#modal {
    position: absolute;
    top: 20%;
    left: 30%;
    width: 650px;
    height: 500px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:44444444444444444444444;
    #btn{
        position: absolute;
        top: 36%;
        left: 92.5%;
        border: none;
        outline: none;
        border-radius: 5px;
    }
    #leftbtn{
        position: absolute;
        top: 36%;
        left: 1.8%;
        border: none;
        outline: none;
        border-radius: 5px;
        display: none;
    }
}
#allways div{
    width: 3300px;
    height: 100%;
    // overflow: hidden;
    div{
    float: left;
    width: 192px;
    margin: 0px 10px;
    border: 1px solid gainsboro;
    height: 95%;
    border-radius: 5px;
    }
    div:hover{
          background: linear-gradient(120deg,#fff7ec,#ffcb7e) !important    
    }
    div:hover button{
        background: linear-gradient(120deg,#fff7ec,#ffcb7e) !important
    }

}

#morezh{
    position: absolute;
    border-radius: 2px;
    left: 15%;
    top: 35%;
    width: 70%;
    height: 30%;
    z-index: 4444444;
    div p{
        line-height: 30px;
        // margin: 10px auto;
    }
    button{
        outline: none;
        border: none;
        color: #582f1d;
        width: 30%;
        height: 60%;
        margin: 0px 40px;
    }
}

/*消息设置*/
// #messagecontain {
//     button{
//         width: 25%;
//         margin: 0px 5%;
//         height: 40px;
//         outline: none;
//         border: none;
//     }
//     button:hover{
//         opacity: 0.8;
//     }
//     #messagecontainRight{
//         border: 1px solid #582f1d;
//         width: 40%;
//         height: 80%;
//         float: right;
//         p{
//             padding-left: 20%;
//             margin: 5% auto;
//         }
//     }
//     div p{
//         line-height: 30px;
//         margin: 5% auto;
//     }
// }
// #changeheadimg:hover{
//     color: #00cc36 !important;
// }
/*安全中心的布局*/
#safeCenter{
    margin-top: 50px;
    div{
        width: 100%;
        height: 90px;
        margin: 20px auto;
        text-align:center ;
        border: 1px solid gainsboro;
        .left{
            color: #666;
            width: 10%;
            float: left;
        }
        .center{

            width: 50%;
            span{
                color: #666;
                font-size: 0.8em;
                color: brown;
                
            }
        }
        .right{
            width: 20%;
            float: right;
        }
        li{
            height: 30%;
            list-style: none;
            span{
                position: relative;
                top: 40%;

            }
            button{
                position: relative;
                top: 40%;
                border: none;
                outline: none;
                color: RoyalBlue ;
                background-color: #fff;

            }
        }
    }
}

/*全部里的分类！！！*/
#hideqb{
    border-radius: 5px;
    div{
        width: 24.5%;
        height: 100%;
        float: left;
        // display: none;
    }
    ul{
        width: 100%;
        height: 100%;
        margin-top: 5px;
        list-style: none;
        li{

            text-align: center;
            float: left;
            width: 25%;
            margin: 5px 10px;
        }
        li:hover{
            color: #ffe5de !important;
        }
    }
}
/*更换头像的框*/
#headimgcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#changehead {
    position: absolute;
    top: 34%;
    left: 40%;
    width: 20%;
    height: 360px;
    background-color: #fff;
    opacity: 1;
    z-Index:444444444444;
    display: none;
    #hideimgContain{
        p{
            width: 100%;
            height: 20%;
            // float: right;
            margin-top: 45%;
        }
        form{
            width: 100%;
            margin-top: 80px;
            height: 100%;
        }
        ul{
            margin-top: 2%;
            width: 100%;
            height: 35%;
            padding: 0;
            li{
                list-style: none;
                float: left;
                width: 16%;
                height: 100%;
                margin: 0px 2%;
                input{
                    position: relative;
                    margin-left: 45%;
                }
            }
        }
    }
    button{
        outline: none;
        border: none;
        color: #582f1d;
        width: 25%;
        height: 40px;
        margin: 0px 40px;
    }
}

/*修改视频的图片的框*/
#changevideoimg{
    #changehead;
    height: 450px;
    top: 24%;
}
/*积分规则的框*/
#rulecover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#rulemodal {
    border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 500px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        position: relative;
        left: 5%;
        line-height: 20px;
        margin: 19px auto;
        width: 80%;
    }

}


#becomesphmodal{
    #rulemodal;
}

/*关注列表！！！*/
#hidegzcover{
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#hidegzmodal{
    border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 500px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:444444444444;
    overflow-x: hidden;
    overflow-y: scroll;
                     /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
    h3{
        text-align: center;
    }
    #allgz{
        width: 100%;
        height: 94%;
        ul{
            list-style: none;
           li{
               height: 15%;
               width: 100%;
            //    background-color: #00cc36;
               border-top: 1px solid #e6e6e6;
               border-bottom: 1px solid #e6e6e6;
               p{
                   line-height: 20px;
                   margin: 10px auto;
               }
           } 
        }
    }
}
/*粉丝列表*/
#hidefsmodal{
    border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 500px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:444444444444;
    overflow-x: hidden;
    overflow-y: scroll;
                     /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
    h3{
        text-align: center;
    }
    #allfs{
        width: 100%;
        height: 94%;
        ul{
            list-style: none;
           li{
               height: 15%;
               width: 100%;
            //    background-color: #00cc36;
               border-top: 1px solid #e6e6e6;
               border-bottom: 1px solid #e6e6e6;
               p{
                   line-height: 20px;
                   margin: 2% auto;
               }
           } 
        }
    }
}

/*兑换奖品的内容的框*/
#jpcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#jpmodal {
    border-radius: 10px;
    position: absolute;
    top: 26%;
    left: 40%;
    width: 25%;
    height: 400px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    h3{
        margin-top: 2%;
    }
    .jpgoods{
        margin-top: 10%;
    }
    .btn button{
        margin-top: 20%;
        margin-left: 5%;
        width: 80%;
        padding: 10px;
        outline: none;
        color: white;
        background-color: #ff5f00;
        border: none;
    }
    p{
        position: relative;
        left: 5%;
        line-height: 20px;
        margin: 19px auto;
        width: 80%;
        font-size: 0.7em;
    }

}

#fqvideocover{
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#fqvideomodal{
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 40%;
    width: 25%;
    height: 300px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:444444444444;
    h3{
        margin-top: 2%;
        margin-left: 4%;
    }
    p{
        line-height: 30px;
        margin: 30px auto;
        text-align: center;
        margin-top: 10%;
        button{
            width: 120px;
            height: 50px;
            border: none;
            outline: none;
            margin: 0px 20px;
        }
        button:hover{
            opacity: 0.8;
        }
    }

}
#changevideocover{
        position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#changevideomodal{
    border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 40%;
    width: 25%;
    height: 550px;
    background-color: #fff;
    opacity: 1;
    display: none;
    z-Index:444444444444;
    overflow-y: scroll;
                     /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
    p{
        button{
            width: 120px;
            height: 40px;
            border: none;
            outline: none;
            margin: 0px 10px;
        }
    }
    div{
        margin-left: 5%;
        width: 100%;
        // height: 15%;
        width: 90%;
        margin-top: 10%;
        li{
            list-style: none;
        }
    }
}
/*新建收藏夹的框*/
#addscjcover{
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#addscjmodal {
    border-radius: 10px;
    position: absolute;
    top: 32%;
    left: 40%;
    width: 25%;
    height: 250px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        left: 5%;
        line-height: 20px;
        margin: 20px auto;
        width: 100%;
        position: relative;
        button{
            color: #fff;
            background-color: #00a1d6;
            text-align: center;
            border-radius: 2px;
            margin: 8px auto 0;
            border:none ;
            outline: none;
            padding: 10px;
        }

    }

}

/*修改收藏夹信息的框*/
#changescjcover{
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#changescjmodal {
    border-radius: 10px;
    position: absolute;
    top: 28%;
    left: 40%;
    width: 25%;
    height: 320px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        left: 5%;
        line-height: 20px;
        margin: 20px auto;
        width: 100%;
        position: relative;
        button{
            color: #fff;
            background-color: #00a1d6;
            text-align: center;
            border-radius: 2px;
            border:none ;
            outline: none;
            width: 80px;
            height: 30px;
            float: left;
        }

    }

}


#changescjfmmodal{
        border-radius: 10px;
    position: absolute;
    top: 28%;
    left: 40%;
    width: 25%;
    height: 320px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        left: 5%;
        line-height: 20px;
        margin: 20px auto;
        width: 100%;
        position: relative;
        button{
            color: #fff;
            background-color: #00a1d6;
            text-align: center;
            border-radius: 2px;
            border:none ;
            outline: none;
            width: 80px;
            height: 30px;
            float: left;
        }

    }
}
/*修改视频封面*/
// #changevideofmmodal {
//     border-radius: 10px;
//     position: absolute;
//     top: 22%;
//     left: 40%;
//     width: 25%;
//     height: 450px;
//     background-color: #fff;
//     opacity: 1;
//     display: none;
//     z-Index:444444444444;
// }

/*确定是否注销账号的框*/
#accountdiedcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#accountdiedmodal {
    border-radius: 10px;
    position: absolute;
    top: 30%;
    left: 40%;
    width: 25%;
    height: 340px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        line-height: 20px;
        margin: 19px auto;
        width: 80%;
        button{
            border-radius: 17px;
            box-sizing: content-box;
            padding: 0 15px;
            width: 80px;
            height: 40px;
            border: none;
            outline: none;
            color: white;
    }
        button:hover{
            opacity: 0.6;
        }
    }

}



/*兑换vip天数的内容的框*/
#exchangevipcovercover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#exchangevipmodal {
    border-radius: 10px;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 400px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{
        height: 20px;
        width: 100%;
    }
    ul{
        padding: 0;
        margin: auto;
        height: 100%;
        list-style: none;
        li{
            float: left;
            width: 29.5%;
            margin: 0px 20px;
            border: 1px solid rgba(51,62,76,.1);
            border-radius: 4px;
            height: 40%;
            margin: 2px 11px;
            text-align: center;
            span{
                float: left;
                width: 100%;
                height: 30%;
                button{
                    width: 80px;
                    height: 30px;
                    text-align: center;
                    outline: none;
                    color: white;
                    background-color: #ff5f00;
                    border: none;
                }
            }
            .jfleft{
                position: relative;
                top: 10px;
                color: #e3b54c;
            }
            .jfright{
                color: #666;
                font-size: 0.8em;
            }

        }
    }

}




.prompt{
    display: none;
    text-align: center;
    padding: 10px;
    width: 250px;
    height: 30px;
    position: fixed;
    top: 10%; left:39%;
    border-radius:5px;
    background: black;
    z-index: 5000;
    color:#e3b54c;
} 
/*删除所有历史记录的弹窗*/
#cancelalltc{
    position: fixed;
    top: 33%;
    left: 40%;
    display: none;
    border-radius: 8px;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    width: 380px;
    height: 330px;
    z-index: 44444444444;
    background-color: #fff;
    button{
        border-radius: 17px;
        box-sizing: content-box;
        padding: 0 15px;
        width: 80px;
        height: 40px;
        border: none;
        outline: none;
        color: white;
    }
    button:hover{
        opacity: 0.6;
    }
}
/*删除所有我的视频的弹窗*/
#cancelallsp{
    position: fixed;
    top: 33%;
    left: 40%;
    display: none;
    border-radius: 4px;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    width: 380px;
    height: 330px;
    z-index: 44444444444;
    background-color: #fff;
    button{
        border-radius: 17px;
        box-sizing: content-box;
        padding: 0 15px;
        width: 80px;
        height: 40px;
        border: none;
        outline: none;
        color: white;
    }
    button:hover{
        opacity: 0.6;
    }
}


/*触碰头像出现的下拉栏！！！！！*/
#headimgHide{
    width: 250px;
    height: 200px;
    position: absolute;
    top: 64px;
    right: 0px;
    z-index: 44;
    background-color: #fbf2ef;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    div{
        width: 100%;
      
        // background-color: yellowgreen;
        overflow: hidden;
        ul li{
            height: 100%;
            list-style: none;
            float: left;
            width: 24%;
            border-radius: 50%;
            img{
                position: relative;
                left: 20%;
                margin-top: 40%;
            }
        }
        p{
            
            height: 100%;
        }
    }
}


/*设置中心消息设置的权限保存成功的div*/
#yesreserve{
    position: fixed;
    top: 33%;
    left: 40%;
    display: none;
    border-radius: 4px;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    width: 200px;
    height: 100px;

}

/*绑定邮箱的框*/
#getemailcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#getemailmodal {
    border-radius: 10px;
    position: absolute;
    top: 26%;
    left: 38%;
    width: 25%;
    height: 350px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    p{

        top: 10%;
        line-height: 20px;
        margin: 19px auto;
        width: 80%;
        input{
            border: 1pxsolid #e6e6e9;
            border-radius: 4px 0 0 4px;
            color: #333;
            outline: none;
            height: 30px;
            width: 80%;
            margin-left: 5%;
            text-indent: 10px;
        }
        button{
            border-radius: 17px;
            box-sizing: content-box;
            padding: 0 15px;
            width: 80px;
            height: 40px;
            border: none;
            outline: none;
            color: white;
        }
        button:hover{
            opacity: 0.6;
        }
    }

}


/*个人中心修改密码的框*/
#cpasswordcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#cpasswordmodal {
    border-radius: 10px;
    position: absolute;
    top: 26%;
    left: 40%;
    width: 25%;
    height: 460px;
    background-color: #fff;
    opacity: 1;
    display: none;
    // cursor: pointer;
    z-Index:444444444444;
    div{
        height: 60%;
        width: 100%;
    }
    p{

        top: 10%;
        line-height: 20px;
        margin: 19px auto;
        width: 80%;
        input{
            border: 1pxsolid #e6e6e9;
            border-radius: 4px 0 0 4px;
            color: #333;
            outline: none;
            height: 30px;
            width: 80%;
            margin-left: 5%;
            text-indent: 10px;
        }
        button{
            border-radius: 17px;
            box-sizing: content-box;
            padding: 0 15px;
            width: 80px;
            height: 40px;
            border: none;
            outline: none;
            color: white;
        }
        button:hover{
            opacity: 0.6;
        }
    }

}

/*隐藏的input框*/
#hidesearchinput{
    li{
        // position: relative;
        // left: 10%;
        line-height: 32px;
        margin: 5px auto;
        color: #e6e6e6;
        button{
            position: relative;
            left: 10%;
        }
        span{
            position: relative;
            left: 10%; 
        }
        .btntop{
            width: 20px;
            height: 20px;
            background-color: hsla(0,0%,100%,.12);
            color: hsla(0,0%,100%,.7);
            border: none;
            outline: none;
            margin-left: -2%;
            border-radius: 4px;
        }
        .btnlast{
            width: 20px;
            height: 20px;
            background-color: hsla(0,0%,100%,.12);
            color: hsla(0,0%,100%,.7);
            border-radius: 4px;
            border: none;
            outline: none;
            margin-left: -2%;
        }
        span{
            margin-left: 2%;
        }
    }
    li:hover{
        color: #00cc36;
    }
}




        #containRightshangcdsjcontain{
            width: 100%;
            height: 80%;
            margin-top: 4%;
            // background-color: pink;
            div{
                margin: 4%  auto;
                width: 100%;
                height: 80px;
                button{
                    outline: none;
                    background-color: transparent;
                    border: none;
                }
                #fb:hover{
                    // border: 1px solid gainsboro;
                    // background-color: #34bc6e;
                    // color: white;
                    opacity: 0.8;
                }
                #fq:hover{
                    border: 1px solid #34bc6e;
                    background-color: #fff;
                    color: #34bc6e;
                    opacity: 0.8; 
                }
                #cxsc:hover{
                    opacity: 0.8;
                }
                // background-color: gold;
                .left{
                    width: 10%;
                    span{
                        text-align:center;
                        position: relative;
                        top: 10%;
                    }
                }
                li{
                    float: left;
                    height: 100%;
                    margin:    0px  1.2%;
                    list-style: none;
                    // background-color: greenyellow;
                    p{
                        line-height: 40px;
                        margin: 20px auto;
                        width: 120%;
                    }
                }
            }
        }
/*分页*/
#pages{
    height: 60px;
    color: black;
    margin-left: 40%;

}
#pages ul {
  width: 50%;
  height: 100%;
  float: left;
}
#pages ul li{
    list-style: none;
    float: left;
    width:10%;
    text-align: center;
    border-radius:2px;
    border: 1px solid #c0c4cc;
    margin: 0px 5px;
}
#pages ul .back{
    color: #c0c4cc;
}
#pages ul .back:hover{
    background-color: #1890ff;
    color:#fff;
}
#pages ul .next:hover{
    background-color: #1890ff;
    color:#fff;
}
#pages ul .next{
    color: #c0c4cc;
}

#toout{
    left: 25px;
    position: relative;
}

.jpcontain:hover{
    background-color: rgb(246, 246, 246);
}
.historydiv:hover{
    background-color: rgb(246, 246, 246);
}